
<!DOCTYPE html>
<html lang="cn" style="display: none;">

  
<head>
  <script>
    window.mduiVersion = "1.5.4"
    window.oldVersion = [
     '1.5.3',
     '1.5.1',
     '1.5.2',
     'unknownVersion'
    ]
  </script>
  <!--
        © HEXO MDUI Theme
        https://github.com/Halyul/hexo-theme-mdui
        Version: 1.5.4 -->
  <meta charset="UTF-8">
  <title>[[Title]] - Lance的博客</title>

  <!-- Favicons -->
  <link rel="icon shortcut" type="image/ico" href="/blog/img/favicon.png">
  <link rel="icon" sizes="192x192" href="/blog/img/favicon.png">
  <link rel="apple-touch-icon" href="/blog/img/favicon.png">

  <!-- Meta & Info -->
  <meta http-equiv="X-UA-Compatible">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  
    <meta name="theme-color" content="
  
  #3F51B5
  

">
  

  <meta name="author" content="Lance Liang">
  
      <meta name="description" content="是鸽子吗？是吗？">
  
  <meta name="keywords" content="blog, hexo, mdui,tag">

  <!--iOS -->
  <meta name="apple-mobile-web-app-title" content="Lance的博客">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="480">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">

  <!-- The Open Graph protocol -->
  <meta property="og:url" content="https://blog.lanceliang2001.top/blog">
  <meta property="og:type" content="blog">
  <meta property="og:title" content="[[Title]] - Lance的博客 | Lance的博客">
  <meta property="og:image" content="/img/favicon.png" />
  
        <meta property="og:description" content="是鸽子吗？是吗？">
    

    <meta property="og:article:tag" content="tag"> 

  

  <script>
    (function(){window.lsloader={jsRunSequence:[],jsnamemap:{},cssnamemap:{}};lsloader.removeLS=function(key){try{localStorage.removeItem(key)}catch(e){}};lsloader.setLS=function(key,val){try{localStorage.setItem(key,val)}catch(e){}};lsloader.getLS=function(key){var val="";try{val=localStorage.getItem(key)}catch(e){val=""}return val};versionString="/*"+(window.mduiVersion||"unknownVersion")+"*/";lsloader.clean=function(){try{var keys=[];for(var i=0;i<localStorage.length;i++){keys.push(localStorage.key(i))}keys.forEach(function(key){var data=lsloader.getLS(key);if(window.oldVersion){var remove=window.oldVersion.reduce(function(p,c){return p||data.indexOf(c)!==-1},false);if(remove){lsloader.removeLS(key)}}})}catch(e){}};lsloader.clean();lsloader.load=function(jsname,jspath,cssonload,isJs){if(typeof cssonload==="boolean"){isJs=cssonload;cssonload=undefined}isJs=isJs||false;cssonload=cssonload||function(){};var code;code=this.getLS(jsname);if(code&&code.indexOf(versionString)===-1){this.removeLS(jsname);this.requestResource(jsname,jspath,cssonload);return}if(code){var versionNumber=code.split(versionString)[0];if(versionNumber!=jspath){console.log("reload:"+jspath);this.removeLS(jsname);this.requestResource(jsname,jspath,cssonload);return}code=code.split(versionString)[1];if(isJs){this.jsRunSequence.push({name:jsname,code:code});this.runjs(jspath,jsname,code)}else{document.getElementById(jsname).appendChild(document.createTextNode(code));cssonload()}}else{this.requestResource(jsname,jspath,cssonload,isJs)}};lsloader.requestResource=function(name,path,cssonload,isJs){var that=this;if(isJs){this.iojs(path,name,function(path,name,code){that.setLS(name,path+versionString+code);that.runjs(path,name,code)})}else{this.iocss(path,name,function(code){document.getElementById(name).appendChild(document.createTextNode(code));that.setLS(name,path+versionString+code)},cssonload)}};lsloader.iojs=function(path,jsname,callback){var that=this;that.jsRunSequence.push({name:jsname,code:""});try{var xhr=new XMLHttpRequest;xhr.open("get",path,true);xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status>=200&&xhr.status<300||xhr.status==304){if(xhr.response!=""){callback(path,jsname,xhr.response);return}}that.jsfallback(path,jsname)}};xhr.send(null)}catch(e){that.jsfallback(path,jsname)}};lsloader.iocss=function(path,jsname,callback,cssonload){var that=this;try{var xhr=new XMLHttpRequest;xhr.open("get",path,true);xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status>=200&&xhr.status<300||xhr.status==304){if(xhr.response!=""){callback(xhr.response);cssonload();return}}that.cssfallback(path,jsname,cssonload)}};xhr.send(null)}catch(e){that.cssfallback(path,jsname,cssonload)}};lsloader.iofonts=function(path,jsname,callback,cssonload){var that=this;try{var xhr=new XMLHttpRequest;xhr.open("get",path,true);xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status>=200&&xhr.status<300||xhr.status==304){if(xhr.response!=""){callback(xhr.response);cssonload();return}}that.cssfallback(path,jsname,cssonload)}};xhr.send(null)}catch(e){that.cssfallback(path,jsname,cssonload)}};lsloader.runjs=function(path,name,code){if(!!name&&!!code){for(var k in this.jsRunSequence){if(this.jsRunSequence[k].name==name){this.jsRunSequence[k].code=code}}}if(!!this.jsRunSequence[0]&&!!this.jsRunSequence[0].code&&this.jsRunSequence[0].status!="failed"){var script=document.createElement("script");script.appendChild(document.createTextNode(this.jsRunSequence[0].code));script.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(script);this.jsRunSequence.shift();if(this.jsRunSequence.length>0){this.runjs()}}else if(!!this.jsRunSequence[0]&&this.jsRunSequence[0].status=="failed"){var that=this;var script=document.createElement("script");script.src=this.jsRunSequence[0].path;script.type="text/javascript";this.jsRunSequence[0].status="loading";script.onload=function(){that.jsRunSequence.shift();if(that.jsRunSequence.length>0){that.runjs()}};document.body.appendChild(script)}};lsloader.tagLoad=function(path,name){this.jsRunSequence.push({name:name,code:"",path:path,status:"failed"});this.runjs()};lsloader.jsfallback=function(path,name){if(!!this.jsnamemap[name]){return}else{this.jsnamemap[name]=name}for(var k in this.jsRunSequence){if(this.jsRunSequence[k].name==name){this.jsRunSequence[k].code="";this.jsRunSequence[k].status="failed";this.jsRunSequence[k].path=path}}this.runjs()};lsloader.cssfallback=function(path,name,cssonload){if(!!this.cssnamemap[name]){return}else{this.cssnamemap[name]=1}var link=document.createElement("link");link.type="text/css";link.href=path;link.rel="stylesheet";link.onload=link.onerror=cssonload;var root=document.getElementsByTagName("script")[0];root.parentNode.insertBefore(link,root)};lsloader.runInlineScript=function(scriptId,codeId){var code=document.getElementById(codeId).innerText;this.jsRunSequence.push({name:scriptId,code:code});this.runjs()};lsloader.loadCombo=function(jslist){var updateList="";var requestingModules={};for(var k in jslist){var LS=this.getLS(jslist[k].name);if(!!LS){var version=LS.split(versionString)[0];var code=LS.split(versionString)[1]}else{var version=""}if(version==jslist[k].path){this.jsRunSequence.push({name:jslist[k].name,code:code,path:jslist[k].path})}else{this.jsRunSequence.push({name:jslist[k].name,code:null,path:jslist[k].path,status:"comboloading"});requestingModules[jslist[k].name]=true;updateList+=(updateList==""?"":";")+jslist[k].path}}var that=this;if(!!updateList){var xhr=new XMLHttpRequest;xhr.open("get",combo+updateList,true);xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status>=200&&xhr.status<300||xhr.status==304){if(xhr.response!=""){that.runCombo(xhr.response,requestingModules);return}}else{for(var i in that.jsRunSequence){if(requestingModules[that.jsRunSequence[i].name]){that.jsRunSequence[i].status="failed"}}that.runjs()}}};xhr.send(null)}this.runjs()};lsloader.runCombo=function(comboCode,requestingModules){comboCode=comboCode.split("/*combojs*/");comboCode.shift();for(var k in this.jsRunSequence){if(!!requestingModules[this.jsRunSequence[k].name]&&!!comboCode[0]){this.jsRunSequence[k].status="comboJS";this.jsRunSequence[k].code=comboCode[0];this.setLS(this.jsRunSequence[k].name,this.jsRunSequence[k].path+versionString+comboCode[0]);comboCode.shift()}}this.runjs()}})();
  </script>

  <!-- Import CSS -->
  
    <style>
      @import url('https://fonts.googleapis.com/icon?family=Material+Icons');@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(/blog/icons/material-icons/MaterialIcons-Regular.woff2) format('woff2'),url(/blog/icons/material-icons/MaterialIcons-Regular.woff) format('woff')}@font-face{font-family:'FontAwesome';font-weight:normal;font-style:normal;src:url(/blog/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/blog/fonts/fontawesome-webfont.eot?#iefix&amp;v=4.7.0) format('embedded-opentype'),url(/blog/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/blog/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/blog/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/blog/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')}  
    </style>
  
  
    
      <style id="style_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("style_css","/blog/css/style-now.min.css?jWvP4JOL/SRWUhX6WmEQmg==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
    
  

  
    <style>
      body {
        background-color: #eeeeee;
      }
    </style>
  

  

  
<meta name="generator" content="Hexo 4.2.0"></head>




  
    
  <body class="mdui-theme-primary-indigo mdui-theme-accent-blue
   
  
    mdui-appbar-with-toolbar
  
  " >


  


<div id="top"></div>


  

  <div class="mdui-appbar mdui-shadow-0 mdui-appbar-fixed animate-appbar" id="blog-appbar">
    <div class="mdui-toolbar mdui-color-theme">
      <button class="mdui-btn mdui-ripple mdui-btn-icon drawer-button" mdui-drawer="{target: '#drawer'}">
        <i class="mdui-icon">
          <span></span>
        </i>
      </button>
      
        <a href="/blog/" class="mdui-typo-headline">
          Title
        </a>
      
      
      
        <div class="flex-spacer"></div>
      
      
      

    </div>
  </div>


  <div id="search-cover" searchResult onclick="closeSearch()"></div>






  
  <div class="mdui-drawer mdui-drawer-full-height mdui-drawer-close
  " id="drawer" style="z-index: 2001;">
  <div class="userview" style="background-image: url(/blog/img/bg.png)">
  <div class="overlay">
    <img class="mdui-img-circle avatar" src="/blog/img/avatar.png"/>
    <div class="bottom">
      <div class="info">
        <div class="author mdui-text-color-white-text">
          Lance Liang
        </div>
        <div class="slogan mdui-text-color-white-secondary">
          一鸽到底
        </div>
      </div>
      <div class="flex-spacer"></div>
      
    </div>
  </div>
</div>

  <div class="content">
  <div class="hexo">
    
      <div class="mdui-list no-padding-bottom">
        <a href="/blog/">
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">&#xe88a;</i>
            <div class="mdui-list-item-content">
              Index
            </div>
          </li>
        </a>
      </div>
    
    
      <div class="mdui-list no-padding">
        <a href="/blog/archives">
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">&#xe149;</i>
            <div class="mdui-list-item-content">
              Archives
              <span class="badge new mdui-color-theme-accent" data-badge-caption="">4</span>
            </div>
          </li>
        </a>
      </div>
    
    
      <div class="mdui-list no-padding-top" mdui-collapse="{accordion: true}" mdui-collapse>
        
          <div class="mdui-collapse-item ">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
              <i class="mdui-list-item-icon mdui-icon material-icons">&#xe86e;</i>
              <div class="mdui-list-item-content">Categories</div>
              <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
              
                <a href="/blog/categories/建站/" class="mdui-list-item mdui-ripple" style="display: flex">
                  建站
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/categories/搞事/" class="mdui-list-item mdui-ripple" style="display: flex">
                  搞事
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/categories/网站/" class="mdui-list-item mdui-ripple" style="display: flex">
                  网站
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/categories/categorie/" class="mdui-list-item mdui-ripple" style="display: flex">
                  categorie
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">2</span>
                </a>
              
            </div>
          </div>
        
        
          <div class="mdui-collapse-item ">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
              <i class="mdui-list-item-icon mdui-icon fa fa-tags mdui-text-center"></i>
              <div class="mdui-list-item-content">Tags</div>
              <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
              
                <a href="/blog/tags/前端/" class="mdui-list-item mdui-ripple" style="display: flex">
                  前端
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/tags/JavaScript/" class="mdui-list-item mdui-ripple" style="display: flex">
                  JavaScript
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/tags/WebSocket/" class="mdui-list-item mdui-ripple" style="display: flex">
                  WebSocket
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/tags/交友/" class="mdui-list-item mdui-ripple" style="display: flex">
                  交友
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">1</span>
                </a>
              
                <a href="/blog/tags/tag/" class="mdui-list-item mdui-ripple" style="display: flex">
                  tag
                  <div style="flex-grow: 1;"></div>
                  <span class="badge new mdui-color-theme-accent" data-badge-caption="">2</span>
                </a>
              
            </div>
          </div>
        
        <div class="mdui-collapse-item ">
          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">&#xe916;</i>
            <div class="mdui-list-item-content">Years</div>
            <i class="mdui-collapse-item-arrow mdui-icon material-icons">&#xe5c5;</i>
          </div>
          <div class="mdui-collapse-item-body mdui-list">
            
            
              <a href="/blog/archives/2020/" class="mdui-list-item mdui-ripple">
                2020
              </a>
            
          </div>
        </div>
      </div>
    
  </div>
  
</div>

  <div class="flex-spacer"></div>
  <div class="drawer-footer">
  <div class="mdui-typo mdui-typo-caption-opacity">
    Powered by <a href="http://hexo.io" target="_blank" rel="noopener">Hexo</a>
    <br />
    Theme - <a href="//github.com/Halyul/hexo-theme-mdui" target="_blank" rel="noopener">Halyul/MDUI</a>
    <br />
    <span>
      Copyright ©
      <span year></span>
      Lance Liang
    </span>
    
    
      <br />
      <span>
        Last updated: Mar 28, 2020
      </span>
    
    
  </div>
</div>
<script type="text/javascript">
  var copyrightNow = new Date().getFullYear();
  var textContent = document.querySelector('span[year]')
  
    textContent.textContent = copyrightNow
  
</script>

</div>







<main>
  


  <style id="post_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("post_css","/blog/css/src/now/post.min.css?EKoTbS50/qRdsnGpvz/clA==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>

<style id="lightgallery_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("lightgallery_css","/blog/css/src/lightgallery.min.css?+c5+nzUi2JvkvxweHDf/nA==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>


<style>
  .lg-outer .lg-item {
    background-image: url("/blog/img/loading.gif");
  }
</style>
<div class="post-warpper animate-post">
  <div class="post-bg-color
    
      
        mdui-color-theme
      
    
  "></div>
  <div class="post-header
    
      
        mdui-color-theme
      
    
  ">
    <div class="post-header-container">
      <div class="post-title mdui-text-truncate">[[Title]]</div>
      <div class="post-actions mdui-valign">
        <div>
          <span>Posted: </span>
          <span style="float: right">Mar 28, 2020</span>
          
        </div>
        

        

      </div>
    </div>
  </div>
  <div class="post-container flex-spacer
  
  ">
    <div class="post-adjust">
      <div class="mdui-card card-bottom-fix menu-fix mdui-hoverable" id="blog-post">
        <div class="warning">
          This article was last modified
          <span id="content-warning"></span>
          days ago.
          The content of this post may be outdated!
        </div>
        
        
          <div class="mdui-card-media">
            <img src="/blog/img/random/picHD_23.png"/>
          </div>
        
        <div class="post-content mdui-typo no-margin" id="post-content">
          <h1 id="H1"><a href="#H1" class="headerlink" title="[[H1]]"></a>[[H1]]</h1><h2 id="H2"><a href="#H2" class="headerlink" title="[[H2]]"></a>[[H2]]</h2><h3 id="H3"><a href="#H3" class="headerlink" title="[[H3]]"></a>[[H3]]</h3><h4 id="H4"><a href="#H4" class="headerlink" title="[[H4]]"></a>[[H4]]</h4><h5 id="H5"><a href="#H5" class="headerlink" title="[[H5]]"></a>[[H5]]</h5><h6 id="H6"><a href="#H6" class="headerlink" title="[[H6]]"></a>[[H6]]</h6>
        </div>

        
          <div class="license mdui-typo">
            <span>
              Article License: 
              
                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank">CC BY-NC-SA 4.0</a>
              
            </span>
            <br />
            <span>Article Permalink: <a href="https://blog.lanceliang2001.top/blog/2020/03/28/Title2/">https://blog.lanceliang2001.top/blog/2020/03/28/Title2/</a></span>
            
              <br />
              <span>Article Markdown: <a href="https://blog.lanceliang2001.top/blog/2020/03/28/Title2/Title2.md">https://blog.lanceliang2001.top/blog/2020/03/28/Title2/Title2.md</a></span>
            
          </div>
        

        
          <div class="posts-info">
            
            <div class="flex-spacer"></div>
            
              <div class="mdui-chip">
                <span class="mdui-chip-icon"><i class="mdui-icon mdui-text-color-black-icon material-icons">&#xe149;</i></span>
              </div>
              <div class="content mdui-typo">
                
                  <a href="/blog/categories/categorie/">
                    <span>categorie</span>
                  </a>
                
              </div>
            
            
              <div class="mdui-chip">
                <span class="mdui-chip-icon"><i class="mdui-icon mdui-text-color-black-icon fa fa-tags"></i></span>
              </div>
              <div class="content mdui-typo">
                
                  <a href="/blog/tags/tag/">
                    <span>tag</span>
                  </a>
                
              </div>
            
          </div>
        
        
          
        
      </div>
      
        <div id="card-toc" class="
        
          mdui-color-theme
        
        ">
          <ul class="mdui-list post-toc"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H1"><span class="post-toc-number">1.<span class="post-toc-text">[[H1]]</span></span></a><ul class="mdui-list-dense post-toc-child"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H2"><span class="post-toc-number">1.1.<span class="post-toc-text">[[H2]]</span></span></a><ul class="mdui-list-dense post-toc-child"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H3"><span class="post-toc-number">1.1.1.<span class="post-toc-text">[[H3]]</span></span></a><ul class="mdui-list-dense post-toc-child"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H4"><span class="post-toc-number">1.1.1.1.<span class="post-toc-text">[[H4]]</span></span></a><ul class="mdui-list-dense post-toc-child"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H5"><span class="post-toc-number">1.1.1.1.1.<span class="post-toc-text">[[H5]]</span></span></a><ul class="mdui-list-dense post-toc-child"><a class="mdui-list-item mdui-ripple post-toc-link" href="#H6"><span class="post-toc-number">1.1.1.1.1.1.<span class="post-toc-text">[[H6]]</span></span></a></a></ul></a></ul></a></ul></a></ul></a></ul></a></ul>
        </div>
      
    </div>
  </div>
  <div class="post-pagination mdui-color-theme">
  
    <div class="prev mdui-ripple mdui-color-theme mdui-valign">
      <a href="/blog/2020/03/28/Title/" class="content no-text-decoration mdui-text-left">
        <div>
          <i class="mdui-icon material-icons mdui-text-center">&#xe5cb;</i>
          <span class="mdui-typo-body-2-opacity mdui-text-center">Newer Post</span>
        </div>
        <div class="mdui-typo-title mdui-text-truncate">
          [[Title]]
        </div>
      </a>
    </div>
  

  
    <div class="next mdui-ripple mdui-color-theme mdui-valign">
      <a href="/blog/2020/03/28/Henrize%E7%9A%84%E8%81%8A%E5%A4%A9%E5%AE%A4/" class="content no-text-decoration mdui-text-right">
        <div>
          <span class="mdui-typo-body-2-opacity mdui-text-center">Older Post</span>
          <i class="mdui-icon material-icons mdui-text-center">&#xe5cc;</i>
        </div>
        <div class="mdui-typo-title mdui-text-truncate">
          Henrize的聊天室
        </div>
      </a>
    </div>
    
</div>

  
    <button id="button-toc" class="mdui-fab mdui-color-theme-accent mdui-ripple mdui-fab-fixed mdui-hidden-md-up" style="z-index: 9;" mdui-menu="{target: '#menu-toc', fixed: true}">
  <i class="mdui-icon material-icons">&#xe242;</i>
</button>
<ul class="mdui-menu mdui-typo no-margin-bottom auto-width" id="menu-toc" style="padding: 8px;max-height: 80%">
  <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#H1"><span class="toc-number">1.</span> <span class="toc-text">[[H1]]</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#H2"><span class="toc-number">1.1.</span> <span class="toc-text">[[H2]]</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#H3"><span class="toc-number">1.1.1.</span> <span class="toc-text">[[H3]]</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#H4"><span class="toc-number">1.1.1.1.</span> <span class="toc-text">[[H4]]</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#H5"><span class="toc-number">1.1.1.1.1.</span> <span class="toc-text">[[H5]]</span></a><ol class="toc-child"><li class="toc-item toc-level-6"><a class="toc-link" href="#H6"><span class="toc-number">1.1.1.1.1.1.</span> <span class="toc-text">[[H6]]</span></a></li></ol></li></ol></li></ol></li></ol></li></ol></li></ol>
</ul>


  

</div>

</main>

<div id="outdated" style="z-index: 9999;">
  <h6>Your browser is out-of-date!</h6>
  <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">Update my browser now </a></p>
  <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>
</div>




<!-- Import JS -->

  <script>lsloader.load("outdatedbrowser_js","/blog/js/outdatedbrowser.min.js?e/I5uIbdkHHfJGD4oNpMfA==", true)</script>



    <script>lsloader.load("main_js","/blog/js/js.min.js?7Tw9Ng5ky7PDfky4qwNovg==", true)</script>





  
    <script type="text/ls-javascript" id="global-script">
  /* appbar button */
  (function() {
    var drawer = document.querySelector('#drawer')
    var drawerBtn = document.querySelector('.drawer-button')

    drawer.addEventListener('open.mdui.drawer', function (e) {
      drawerBtn.classList.add('back')
    })
    drawer.addEventListener('close.mdui.drawer', function (e) {
      drawerBtn.classList.remove('back')
    })
  })();

  
</script>


  <script type="text/ls-javascript" id="appbar-script">
  /* post appbar */
  (function() {
    var pageFlag = false;
    var appbar = new mdui.Headroom('#blog-appbar');
    appbar.disable();
    var toolbar = document.querySelector('#blog-appbar .mdui-toolbar')

    window.addEventListener('scroll', function() {
      var bodyTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
      var divTop = document.querySelector('div#top').offsetTop

      var pageLocation = divTop - bodyTop;
      if (!pageFlag && pageLocation < 0) {
        toolbar.classList.add('mdui-shadow-2')
        appbar.enable();
        pageFlag = true;
      } else if (pageFlag && pageLocation >= 0) {
        toolbar.classList.remove('mdui-shadow-2')
        appbar.disable();
        pageFlag = false;
      }
    })
  })();
</script>

  <script type="text/ls-javascript" id="toc-active-script">
  if (document.querySelector('ul#menu-toc > ol') !== null && document.querySelector('div#card-toc > ul') !== null) {
    window.addEventListener("load", function() {
      var timer;
      function doWork() {
        listens.forEach(function(value, index) {
          value[1]();
          value[0].classList.remove("mdui-list-item-active");
        })
        let actionToc = (listens[listens.reduce(function(r, v, index) {
          if (v[2] == true) {
            return index;
          } else return r;
        }, undefined)] || [])[0] || listens[0][0];
        actionToc.classList.add("mdui-list-item-active");
        if(actionToc.getClientRects().length == 0)return;
        showToc(actionToc);
      }

      function showToc(toc) {
        let offsetTop = toc.getClientRects()[0].top - cardToc.getClientRects()[0].top - 40;
        let offsetBottom = toc.getClientRects()[0].bottom - cardToc.getClientRects()[0].bottom + 40;
        let offset = 0;
        if (offsetTop < 0) offset = offsetTop;
        if (offsetBottom > 0) offset = offsetBottom;
        var targetTop = Math.max(0, Math.min(cardToc.scrollTop + offset, toclist.offsetHeight - cardToc.offsetHeight));
        clearInterval(timer);
        timer = setInterval(function() {
          var now = cardToc.scrollTop;
          var speed = (targetTop - now) / 10;
          speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
          if (Math.abs(now - targetTop) < 1) {
            clearInterval(timer);
          }
          cardToc.scrollTop = now + speed;
        }, 30);
      }
      var listens = [];
      var cardToc = document.querySelector('#card-toc');
      var links = document.querySelectorAll("a.post-toc-link");
      var toclist = document.querySelector("#card-toc > ul");
      Array.prototype.forEach.call(links, function(value, index) {
        var id = (value.getAttribute("href") || "#").slice(1);
        var element = document.getElementById(id);
        listens.push([value, function() {
          var readed = false;
          var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
          if (element.offsetTop <= scrollTop + element.clientHeight + 64) {
            readed = true;
          } else {
            readed = false;
          }
          listens[index][2] = readed;
        }, false])
      })
      doWork();
      window.addEventListener("scroll", doWork)
    });
  }
</script>

  <script type="text/ls-javascript" id="post-lg-script">
  var images = document.querySelectorAll('#post-content img')
  for (i = 0; i < images.length; i++) {
    images[i].addEventListener("click", openLG);
  }
  function openLG() {
    var img_src = this.getAttribute('src');
    var img_alt = this.getAttribute('alt');
    lightGallery(this, {
      dynamic: true,
      counter: false,
      dynamicEl: [{
        "src": img_src,
        'subHtml': "<span author>Lance Liang</span> • Public<div descr>" + img_alt + "</div>"
      }],
    });
  }
</script>

  <!-- content warning -->
<script type="text/ls-javascript" id="content-warning-script">
  (function() {
    var postLastModifiedDate = 1585369083114
    var today = (new Date()).getTime()
    var difference = Math.floor((today - postLastModifiedDate)/(24*60*60*1000))
    if (difference >= 100) {
      document.querySelector('div.warning').style.display = 'block'
      document.querySelector('#content-warning').textContent = difference
    }
  })();
</script>

  

  

















  



  <script>lsloader.load("lightgallery_js","/blog/js/lightgallery.min.js?tQptxVaCRzQ3zx70gMUYig==", true)</script>








<!-- remove diplay:none -->
<script type="text/ls-javascript" id="html-script">
  if (document.readyState === 'complete' || document.readyState !== 'loading') {
    showHTML();
  } else {
    document.addEventListener('DOMContentLoaded', showHTML);
  }
  function showHTML(){
    document.querySelector('html').style.display = 'block';
  }
</script>

<script>
  (function(){
    var scriptList = document.querySelectorAll('script[type="text/ls-javascript"]')
    for (var i = 0; i < scriptList.length; ++i) {
      var item = scriptList[i];
      lsloader.runInlineScript(item.id,item.id);
    }
  })()
  /*! Copyright 2017 Halyul */
  console.info("%cCopyright © 2017 Halyul\n"+'Theme Version: 1.5.4'+'%c\nhttps://github.com/Halyul/hexo-theme-mdui',"font-size: 14px;color: #3F51B5;","color: #448AFF;text-decoration: none");
</script>



</body>

</html>
